
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用户注册 - 博学谷云课堂</title>
<link rel="stylesheet" href="public/home/style.css">
<script src="public/home/jquery.min.js"></script>
</head>
<body>
<!-- 顶部 -->
<div class="top"><div class="container">
	<div class="top-left">
		<a href="#">传智播客首页</a>
		<a href="#">免费视频下载</a>
		<a href="#">传智论坛</a>
		<a href="#">学习光盘</a>
		<a href="#">学习指南</a>
	</div>
	<div class="top-right">
		欢迎来到博学谷云课堂！
				<a href="/?c=user&a=login" class="light">立即登录</a>
		<a href="/?c=user&a=register">注册新用户</a>
			</div>
</div></div>
<!-- 头部 -->
<div class="midnav"><div class="container">
	<a href="/"><img src="public/home/logo.png" alt="logo"></a>
	<span class="midnav-subtxt"></span>
</div></div>
<!-- 导航栏 -->
<div class="nav"><div class="container">
	<a href="/" data-id="0">首页</a>
		<a href="/?a=list&id=1" data-id="1">PHP</a>
		<a href="/?a=list&id=2" data-id="2">Java</a>
		<a href="/?a=list&id=3" data-id="3">iOS</a>
		<a href="/?a=list&id=4" data-id="4">UI设计</a>
		<a href="/?a=list&id=5" data-id="5">前端与移动开发</a>
		<a href="/?a=list&id=6" data-id="6">C/C++</a>
		<a href="/?a=list&id=7" data-id="7">Python</a>
	</div></div>
<!-- 内容区域 -->
<div class="main">
	<div class="main-user"><div class="container">
<div class="m-reg">
	<div class="m-reg-title">欢迎您注册云课堂</div>
	<div class="m-reg-tips"></div>
	<form method="post" action="/?c=user&a=register&token=9b38cd101b41b5351db41b532640c8db" id="regForm">
	<table class="m-reg-table">
		<tr><th>用户名</th><td><input type="text" name="name" placeholder="用户名由2-15个字符组成！" value="" required></td></tr>
		<tr><th>密　码</th><td><input type="password" name="password" id="jq-pwd1" placeholder="请输入6位以上的密码" required></td></tr>
		<tr><th>确认密码</th><td><input type="password" id="jq-pwd2" placeholder="请再次输入密码，进行确认" required></td></tr>
		<tr><th>邮　箱</th><td><input type="text" name="email" placeholder="请输入有效的邮箱地址" value="" required class="m-reg-short"></td></tr>
		<tr><th>验证码</th><td><input type="text" name="captcha" placeholder="请输入验证码" required class="m-reg-short">
		<tr class="m-reg-captcha"><th></th><td><img src="public/home/captcha/captcha.png" id="captcha"></td></tr>
		<tr class="m-reg-terms"><th></th><td><label><input type="checkbox" required>我已阅读并同意</label><a href="#">网站服务条款</a></td></tr>
		<tr class="m-reg-act"><th></th><td><input type="submit" value="确认注册"><span>已经有账号？<a href="/?c=user&a=login">立即登录</a></span></td></tr>
	</table>
	</form>
</div>
</div></div>
<script>
//表单提交时验证表单
$("#regForm").submit(function(event){
	if($("#jq-pwd1").val() !== $("#jq-pwd2").val()){
		$(".m-reg-tips").html('<div class="error">两次输入密码不一致！</div>');
		event.preventDefault();
	}
});
//验证码点击刷新
(function(){
	var $img = $("#captcha");
	var src = $img.attr("src")+"&_=";
	$img.click(function(){
		$img.attr("src",src+Math.random()); //添加随机数防止浏览器缓存图片
	});
})();
</script></div>
<!-- 页脚 -->
<div class="footer"><div class="container">
	PHP博学谷云课堂　本系统仅供参考和学习
</div></div>
</body>
</html>
